<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>锁定列表</title>
		<link rel="stylesheet" type="text/css" href="../../css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/base.css" />
		<link rel="stylesheet" type="text/css" href="../../css/index.css" />
		<link rel="stylesheet" type="text/css" href="../../css/yonghu/lockList.css" />
		<script type="text/javascript" src="../../js/jquery-2.1.3.min.js"></script>
		<script type="text/javascript" src="../../js/bootstrap.min.js"></script>
		<script type="text/javascript" src="../../js/loadHtml.js"></script>
	</head>
	<body>
		<div class="wrapper clearfix">
			<div class="sideBar"></div>
			<div class="main">
				<div class="zixunTop">
					<h1 class="title"><a href="#">用户列表</a>锁定列表</h1>
					<div class="choose">
						<div class="chooseLeft">
							<input type="text" placeholder="请输入医生姓名" class="inputSize" />
							<button class="btn1">
								搜索
							</button>
						</div>
					</div>
				</div>
				<div class="tableMain">
					<table class="table table-striped">
					<thead>
						<tr>
							<th>
								<input type="checkbox" class="checkBtn" />
							</th>
							<th>序号</th>
							<th>姓名</th>
							<th>性别</th>
							<th>手机号</th>
							<th>挂号记录数</th>
							<th>问诊记录数</th>
							<th>病历数</th>
							<th>最近登录时间</th>
							<th>注册时间</th>
							<th>操作</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>
								<input type="checkbox" class="checkAll" />
							</td>
							<td>10</td>
							<td>张丽</td>
							<td>男</td>
							<td>18236364545</td>
							<td>80</td>
							<td>80</td>
							<td>80</td>
							<td>2016.05.05 12:00</td>
							<td>2016.05.05 12:00</td>
							<td class="last">
								<div>
									<img src="../../img/chakan.png"/>
									<h1>查看</h1>
								</div>
								<div>
									<img src="../../img/suo.png"/>
									<h1>解锁</h1>
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<input type="checkbox" class="checkAll" />
							</td>
							<td>10</td>
							<td>张丽</td>
							<td>男</td>
							<td>18236364545</td>
							<td>80</td>
							<td>80</td>
							<td>80</td>
							<td>2016.05.05 12:00</td>
							<td>2016.05.05 12:00</td>
							<td class="last">
								<div>
									<img src="../../img/chakan.png"/>
									<h1>查看</h1>
								</div>
								<div>
									<img src="../../img/suo.png"/>
									<h1>解锁</h1>
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<input type="checkbox" class="checkAll" />
							</td>
							<td>10</td>
							<td>张丽</td>
							<td>男</td>
							<td>18236364545</td>
							<td>80</td>
							<td>80</td>
							<td>80</td>
							<td>2016.05.05 12:00</td>
							<td>2016.05.05 12:00</td>
							<td class="last">
								<div>
									<img src="../../img/chakan.png"/>
									<h1>查看</h1>
								</div>
								<div>
									<img src="../../img/suo.png"/>
									<h1>解锁</h1>
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<input type="checkbox" class="checkAll" />
							</td>
							<td>10</td>
							<td>张丽</td>
							<td>男</td>
							<td>18236364545</td>
							<td>80</td>
							<td>80</td>
							<td>80</td>
							<td>2016.05.05 12:00</td>
							<td>2016.05.05 12:00</td>
							<td class="last">
								<div>
									<img src="../../img/chakan.png"/>
									<h1>查看</h1>
								</div>
								<div>
									<img src="../../img/suo.png"/>
									<h1>解锁</h1>
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<input type="checkbox" class="checkAll" />
							</td>
							<td>10</td>
							<td>张丽</td>
							<td>男</td>
							<td>18236364545</td>
							<td>80</td>
							<td>80</td>
							<td>80</td>
							<td>2016.05.05 12:00</td>
							<td>2016.05.05 12:00</td>
							<td class="last">
								<div>
									<img src="../../img/chakan.png"/>
									<h1>查看</h1>
								</div>
								<div>
									<img src="../../img/suo.png"/>
									<h1>解锁</h1>
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<input type="checkbox" class="checkAll" />
							</td>
							<td>10</td>
							<td>张丽</td>
							<td>男</td>
							<td>18236364545</td>
							<td>80</td>
							<td>80</td>
							<td>80</td>
							<td>2016.05.05 12:00</td>
							<td>2016.05.05 12:00</td>
							<td class="last">
								<div>
									<img src="../../img/chakan.png"/>
									<h1>查看</h1>
								</div>
								<div>
									<img src="../../img/suo.png"/>
									<h1>解锁</h1>
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<input type="checkbox" class="checkAll" />
							</td>
							<td>10</td>
							<td>张丽</td>
							<td>男</td>
							<td>18236364545</td>
							<td>80</td>
							<td>80</td>
							<td>80</td>
							<td>2016.05.05 12:00</td>
							<td>2016.05.05 12:00</td>
							<td class="last">
								<div>
									<img src="../../img/chakan.png"/>
									<h1>查看</h1>
								</div>
								<div>
									<img src="../../img/suo.png"/>
									<h1>解锁</h1>
								</div>
							</td>
						</tr>
					</tbody>
				</table>
				<ul class="pagination">
  					<li><a href="#">&laquo;</a></li>
  					<li class="active"><a href="#">1</a></li>
  					<li class="disabled"><a href="#">2</a></li>
  					<li><a href="#">3</a></li>
  					<li><a href="#">4</a></li>
  					<li><a href="#">5</a></li>
  					<li><a href="#">&raquo;</a></li>
				</ul>
				</div>
			</div>
		</div>
	</body>
</html>
<script type="text/javascript">
	$(function(){
		$('.last div').hover(function(){
			$(this).children('h1').show();
		},function(){
			$(this).children('h1').hide();
		});
		
		$('.pagination li').click(function(){
			$(this).addClass('active').siblings('li').removeClass('active');
		});
		
		$('.checkBtn').on("click",function(){
        	
        	$(".checkAll").each(function(){
        		if($(this).prop('checked')==true){
        			$(this).prop("checked",false);
        		}else{
        			$(this).prop("checked",true);
        		}
        	});
        	
        });
	});
	
	
</script>